// 权限处理的页面   这个模块自己写
// 使用导航守卫控制页面访问权限
import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式

// 前置导航守卫
// to 到哪去  是一个路由信息对象
// from 从哪来 是一个路由信息对象
// next 放行函数 next('/login')  next({path: '/login'}) next函数相当于 router.push()
const whiteList = ['/login', '404']

// 前置守卫
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  const token = store.getters.token
  // 1.是否有token
  if (token) {
    // 2.登录过还要访问登录页面，强制放在首页
    if (to.path === '/login') {
      next('/')
      // 被导航守卫拦截后, 是不会触发afterEach后置导航守卫的, 需要手动关闭Nprogress
      NProgress.done()
    } else {
      // 3.登录过访问的不是登录页，直接方向
      // console.log('取资料')
      // 不要每次路由跳转都去获取个人信息, 判断store.state.user.userInfo.userId有没有, 有这个userId字段, 没有必要再获取个人信息
      if (!store.state.user.userInfo.userId) {
        // 在放行之前获取个人资料 触发action
        const res = await store.dispatch('user/getUserInfo')
        console.log(res) // res.data中有一个roles字段,后期会在这个位置做权限处理
      }
      next()
    }
  } else {
    // 没有token
    // 4.没有登录，访问白名单(没有权限的页面，直接放行
    if (whiteList.includes(to.path)) {
      next()
    } else {
      // 5.没有登录访问页面权限，强制去登录页面
      next('/login')
      NProgress.done()
    }
  }
})

router.afterEach((to, from) => {
  NProgress.done()
})
